<template>
  <div class="container">
    <div class="content">
      <div class="title">全球领先品牌信赖</div>
      <a-row type="flex" justify="space-between">
        <a-col span="4" v-for="item in companys">
          <div class="item-div" v-for="img in item.urls">
            <img class="b item-img" :src="img" />
          </div>
        </a-col>
      </a-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "Company",
  data() {
    return {
      companys: [
        {
          type: "互联网",
          urls: [
            require("../../assets/1-1.png"),
            require("../../assets/1-2.png"),
            require("../../assets/1-3.png"),
            require("../../assets/1-4.jpg")
          ]
        },
        {
          type: "美妆护肤",
          urls: [
            require("../../assets/2-1.png"),
            require("../../assets/2-2.png"),
            require("../../assets/2-3.png"),
            require("../../assets/2-4.png")
          ]
        },
        {
          type: "食品饮料",
          urls: [
            require("../../assets/3-1.png"),
            require("../../assets/3-2.png"),
            require("../../assets/3-3.png"),
            require("../../assets/3-4.png")
          ]
        },
        {
          type: "金融",
          urls: [
            require("../../assets/4-1.png"),
            require("../../assets/4-2.png"),
            require("../../assets/4-3.png"),
            require("../../assets/4-4.png")
          ]
        },
        {
          type: "其他行业",
          urls: [
            require("../../assets/5-1.png"),
            require("../../assets/5-2.png"),
            require("../../assets/5-3.png"),
            require("../../assets/5-4.png")
          ]
        }
      ]
    };
  }
};
</script>

<style scoped>
.b {
  display: block;
}
.container {
  width: 100%;
  background: #fff;
  min-height: 100vh;
}
.content {
  width: 80%;
  margin: auto;
  min-height: 500px;
}
.item-div {
  width: 100%;
}
.item-img {
  margin: 30px 13px;
  width: 150px;
}
.title {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", Arial, sans-serif;
  color: #222222 !important;
  font-size: 30px;
  text-align: center;
  margin-bottom: 54px;
  padding-top: 80px;
}
</style>